<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>计分系统 </title>
    <link rel="shortcut icon" href="{{ url_for('static', filename='images/favicon.png') }}" type="image/png">
    <!-- 引入CSS文件 -->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/common.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/score.css') }}">
</head>
<body>
    <!-- 导航栏 -->
    <header>
        <div class="nav-container">
            <div class="logo">智能迭代</div>
            <nav>
                <ul>
                    <li><a href="{{ url_for('index') }}">首页</a></li>
                    <li><a href="{{ url_for('logout') }}">退出登录</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- 计分功能区域 -->
    <section class="score-page">
        <div class="score-container">
            <h1>计分系统</h1>
            
            <!-- 用户信息显示 -->
            <div id="user-info-display" style="margin-bottom: 20px; padding: 15px; background-color: rgba(212, 175, 55, 0.1); border-radius: 5px; border: 1px solid #D4AF37;">
                <p style="color: #D4AF37; margin: 0;">欢迎使用计分系统，您已登录</p>
            </div>
            
            <!-- 添加队伍区域 -->
            <div class="team-controls">
                <button id="addTeamBtn" class="btn add-team-btn">+ 添加队伍</button>
            </div>
            
            <!-- 队伍列表区域 -->
            <div id="teamsContainer" class="teams-container">
                <!-- 队伍卡片将通过JS动态生成 -->
            </div>
            
            <!-- 提交按钮 -->
            <div class="submit-section">
                <button id="submitBtn" class="btn submit-btn">提交所有分数</button>
            </div>
            
            <a href="{{ url_for('index') }}" class="back-link">返回首页</a>
        </div>
    </section>

    <!-- 引入JavaScript文件 -->
    <script src="{{ url_for('static', filename='js/score.js') }}"></script>
</body>
</html>